<template>
  <div class="sectoin-title" :style="titleStyle">
    {{item.options.value}}
  </div>
</template>

<script>
export default {
  name: 'section-title',
  props: {
    options: Object,
    item: Object
  },
  computed: {
    titleStyle () {
      const { fontSize, color } = this.item.options

      return {
        'font-size': `${fontSize || 20}px`,
        'color': color,
        'line-height': `${fontSize || 20}px`,
      }
    }
  }

}
</script>

<style lang="less" scoped>
  .sectoin-title {
    font-weight: 700;
    color: #333;
    font-size: 18px;
    line-height: 24px;
    // margin-bottom: 8px;
    margin: 12px 0px;
  }
</style>
